<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<title>聊天控制台</title>
	<link rel="stylesheet" href="./index.css">
	<link rel="shortcut icon" href="./favicon.png" type="image/x-icon">
</head>

<body>
	<div id="menu">
		<div id="primary">
			<ul>
				<li><img src="./images/Airplane-Icon.png" alt="Airplane-Icon" width="18"></li>
				<li><img src="./images/Rocket-Icon.png" alt="Rocket-Icon" width="18"></li>
				<li><img src="./images/Game-Icon.png" alt="Game-Icon" width="18"></li>
				<li><img src="./images/Add-icon.png" alt="Add-icon" width="18"></li>
			</ul>
			<ol>
				<li><img src="./images/Grid.png" alt="Grid"></li>
				<li><img src="./images/Settings-Icon.png" alt="Settings-Icon"></li>
			</ol>
		</div>
		<div id="secondary">
			<dl>
				<dt>MENU <img class="menu-setting" src="./images/Settings-Icon.png" alt="Settings-Icon"></dt>
				<dd>Overview</dd>
				<dd>Sales <span class="number">54</span></dd>
				<dd>Your Staff</dd>
				<dd>Analytics & Targeting</dd>
				<dd>What’s New</dd>
			</dl>
			<dl>
				<dt>Your Products <img class="menu-setting" src="./images/Settings-Icon.png" alt="Settings-Icon"></dt>
				<dd><img class="products" src="./images/Book-of-Wisdom.png" alt="Book-of-Wisdom">Books</dd>
				<dd><img class="products" src="./images/Video-Camera.png" alt="Video-Camera">Tutorials</dd>
				<dd><img class="products" src="./images/Painting.png" alt="Painting">Stocks</dd>
				<dd><img class="products" src="./images/Chart.png" alt="Chart">Infographics</dd>
			</dl>
			<dl>
				<dt>DASHBOARD <img class="menu-setting" src="./images/Settings-Icon.png" alt="Settings-Icon"></dt>
				<dd class="active">Messages <span class="number">21</span></dd>
				<dd>Connections</dd>
				<dd>Integrations <span class="number red-number">1</span></dd>
				<dd>Account Settings</dd>
				<dd>App Settings</dd>
			</dl>
			<ul>
				<li>Monthly Goals <span>$580<em>/$3200</em></span></li>
				<li class="bar"><span></span></li>
			</ul>
		</div>
	</div>
	<div id="chat">
		<div id="header">
			<h2>Messages</h2>
			<div class="user">
				<img src="./images/pic-status.png" alt="pic-status">
				<div>Jordan J.<p>Administrator</p>
				</div>
			</div>
			<img src="./images/dropdown.png" alt="dropdown">
		</div>
		<div id="main-chat">
			<div id="chats">
				<div id="search">
					<input type="text" placeholder="Search">
				</div>
				<div id="chat-users">
					<ul>
						<li class="chat-now">
							<div>
								<img src="./images/Pic-female.png" alt="Pic-female">
								<strong class="user-active">Bessie Berry</strong>Twitter <span
									class="info-time">3m</span>
							</div>
							<p><span class="info-number">4</span>I pay for the 4Mb/sec down, 512 Kb/sec up service from
								O2. In fact, it's relatively quick, and stable...</p>
						</li>
						<li>
							<div>
								<img src="./images/Face.png" alt="Face">
								<strong>Victor Weber</strong>Adobe <span class="info-time">8m</span>
							</div>
							<p>I shared this on my fb wall a few months back, and I thought I'd share it here again
								because it's such a great...</p>
						</li>
						<li>
							<div>
								<img src="./images/Face1.png" alt="Face">
								<strong>Dustin Benson</strong>Facebook <span class="info-time">Yesterday</span>
							</div>
							<p>If there is anyone who needs an invitation please add yourself in the comments of this
								post!</p>
						</li>
						<li>
							<div>
								<img src="./images/Face2.png" alt="Face">
								<strong>Jack Mason</strong>Yahoo <span class="info-time">Yesterday</span>
							</div>
							<p>BruteDC is a peer-to-peer movie+tv series sharing and downloading platform which works on
								intranet inside...</p>
						</li>
						<li>
							<div>
								<img src="./images/Face3.png" alt="Face">
								<strong>Stephen Shelton</strong>Snapchat <span class="info-time">13 Jun</span>
							</div>
							<p>Yes, p2p traffic is often filtered (QoSed). Although i do use BT on O2 wires, and in good
								days dl speed...</p>
						</li>
					</ul>
				</div>
			</div>
			<div id="open-chat">
				<div id="header-open-chat">
					<h3>Bessie Berry<span></span></h3>
					<ul>
						<li>
							<button class="left-circle button-left"><img src="./images/User-icon.png"
									alt="User-icon"></button>
							<button class="button-left"><img src="./images/Upload-icon.png" alt="Upload-icon"></button>
							<button class="right-circle"><img src="./images/Trash-icon.png" alt="Trash-icon"></button>
						</li>
						<li>
							<em>1 of 28</em>
							<button class="left-circle button-right"><img src="./images/Arrow-left.png"
									alt="Arrow-left"></button>
							<button class="right-circle"><img src="./images/Arrow-right.png" alt="Arrow-right"></button>
						</li>
					</ul>
				</div>
				<div id="main-open-chat">
					<ul>
						<li>
							<img class="pic-open-chat" src="./images/Pic-female.png" alt="Pic-female">
							<h4>Bessie Berry <span class="time-open-chat"> 8:31 AM</span></h4>
							<p>Hi guys Ive got the O2 package and have really slow internet. A speed check online said i
								can get 3mbps but it seems more like 0.5 these days, just freezing and taking ages to
								open pages and open audio files for example. I have decided to switch to the UPC package
								which offers 10mbps but do you think i will get it?</p>
						</li>
						<li>
							<img class="pic-open-chat" src="./images/Pic-male.png" alt="Pic-male">
							<h4>Jordan Jackson <span class="time-open-chat"> 8:31 AM</span></h4>
							<p>I have internet for 9 month and nevere could benefit from the full capacity of 5Mbit/s as
								it is filtered by O2 when it detect traffic on public p2p sharing in my situation all my
								internet speed slows to 512Kbit/s. I never had 400KB/s on when downloading from p2p
								public servers like torrent emule etc. I downoad with 500KB/s from private trakers
								instead. So conlcusion O2 block trafic on p2p connections. I have made hundreds of test
								in Italy and Sweden and Romania with the same file to doanload with the same setting and
								same antivirus and just needed to open ports in firewall and forward same ports and the
								speed was at full capacity in 1 minute. here in 9 month never had this luck.</p>
						</li>
					</ul>
					<ul id="tuesday">
						<li>
							<img class="pic-open-chat" src="./images/Pic-female.png" alt="Pic-female">
							<h4>Bessie Berry <span class="time-open-chat"> 8:31 AM</span></h4>
							<p>Funny comparison. so would the proper antivirus not slow down the internet as much or do
								you mean a freebie doenst protect the computer from viruses?</p>
						</li>
						<li>
							<img class="pic-open-chat" src="./images/Pic-male.png" alt="Pic-male">
							<h4>Jordan Jackson <span class="time-open-chat"> 8:31 AM</span></h4>
							<p>I pay for the 4Mb/sec down, 512 Kb/sec up service from O2, and haven't had any problems.
								In fact, it's relatively quick, and stable. It's not perfect, but I really don't have
								issues, as long as I keep track of what I'm doing on it. I max out at about 3 Mb/sec
								down, and 350 Kb/sec up. Probably because of a noisy telephone line, not because I'm
								being throttled. When my uploads go over 25 KB/sec (note, bytes, not bits), my download
								speed suffers. This is expected, as downloads require upload bandwidth as well. </p>
							<div class="add-pic">
								<div><img src="./images/Pic-1.png" alt="Pic-1"></div>
								<div class="pic-open"><img src="./images/Pic-2.png" alt="Pic-2"></div>
							</div>
						</li>
					</ul>
					<ul id="new-message">
						<li>
							<img class="pic-open-chat" src="./images/Pic-female.png" alt="Pic-female">
							<h4>Bessie Berry <span class="time-open-chat"> 8:31 AM</span></h4>
							<p>Funny comparison. so would the proper antivirus not slow down the internet as much or do
								you mean a freebie doenst protect the computer from viruses?</p>
						</li>
					</ul>
					<ul>
						<div class="send-message">
							<button>+</button>
							Well, kinda both :) but more of that second option, i`ve seen many systems infected and
							crawling with
						</div>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>

</html>